@import url('fonts/uvnthanggieng/uvnthanggieng.css');
@import url('fonts/gibson-bold/gibson-bold.css');
@import url('fonts/uvndalat_r/uvndalat_r.css');
/* ... */
.red { color: #d41829; }

.home { 
	background: url('images/bg.png') repeat;
}

/* page style */
.header {
	background: #72bf44;
}
@media (min-width: 768px){
	.header {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#fff), color-stop(50%,#fff), color-stop(50%,#72bf44), color-stop(50%,#72bf44), color-stop(100%,#72bf44));
		background: -webkit-linear-gradient(top, #fff 0%,#fff 50%,#fff 50%,#72bf44 50%,#72bf44 50%,#72bf44 100%);
		background: -moz-linear-gradient(top, #fff 0%, #fff 50%, #fff 50%, #72bf44 50%, #72bf44 50%, #72bf44 100%);
		background: -ms-linear-gradient(top, #fff 0%,#fff 50%,#fff 50%,#72bf44 50%,#72bf44 50%,#72bf44 100%);
		background: -o-linear-gradient(top, #fff 0%,#fff 50%,#fff 50%,#72bf44 50%,#72bf44 50%,#72bf44 100%);
		background: linear-gradient(to bottom, #fff 0%,#fff 50%,#fff 50%,#72bf44 50%,#72bf44 50%,#72bf44 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#72bf44',GradientType=0 );
		padding-top: 40px;
	}
}
.home .header { 
	background: #72bf44;
	padding-top: 0px;
}
.brand {
	float: left;
	margin-top: -35px;
	margin-bottom: -45px;
	margin-right: 15px;
	position: relative;
	z-index: 9999;
}
.brand img {
	height: 120px;
}
.home .header .brand { display: none; }

/*.............................*/
/*....... main style ..........*/
/*.............................*/
.view-detail-bg {
	display: inline-block;
	text-align: center;
	background: #72bf44;
	color: #fff;
	white-space: nowrap;
	padding: 5px 20px;
	border-radius: 50%;
}
.view-detail-bg:hover,
.view-detail-bg:focus { background-color: #ed9c00; color: #fff; }

.view-more-bg {
	display: inline-block;
	text-align: center;
	background-color: #ed9c00;
	color: #fff;
	white-space: nowrap;
}
.view-more-bg:hover,
.view-more-bg:focus { background: #72bf44; color: #fff; }

.cover img { width: 100%; }

.thumb-item {}
.thumb-item .cover {
	border-radius: 50%;
	box-shadow: inset 0 0 50px rgba(0,0,0,.4);
	background-color: #fff;
	padding: 35px;
	overflow: hidden;
}
.thumb-item .view-more-bg {
	border-radius: 40px;
	width: 75px;
	height: 75px;
	padding-top: 25px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.thumb-item .view-more-bg:hover { box-shadow: inset 0 0 3px #fff; }

.thumb-item-2 { margin-bottom: 20px; }
.thumb-item-2 .cover { margin-bottom: 10px; }
.thumb-item-2 .caption {
	text-align: center;
}
.thumb-item-2 .title {
	color: #72bf44;
	font-family: 'UVNDaLatRegular', tahoma, arial, serif;
	font-size: 25px;
	margin-bottom: 5px;
}
.thumb-item-2 .price {
	margin-bottom: 5px;
	color: #0d0c0c;
	white-space: nowrap;
	font-size: 20px;
	position: relative;
}
.thumb-item-2 .price span {
	padding: 0 10px;
	background-color: #fff;
	position: relative;
	z-index: 5;
}
.thumb-item-2 .price:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 14px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,.5);
}

.art-thumb .title {
	font-family: 'UVNDaLatRegular', tahoma, arial, serif;
	font-size: 25px;
	font-weight: normal;
}
/*.home #main {
	background-color: #eae8e0;
}*/

.home-top {
	text-align: center;
	overflow: hidden;
}
.logo {
	position: relative;
	padding-top: 20px;
}

/*@media (min-width: 768px){
	.logo:before {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		padding-top: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		background: url('images/bg_logo.png') no-repeat center center;
		background: auto 100%;
		z-index: 1;
		margin-top: -250px;
		-webkit-transition: all 0.5s;
		   -moz-transition: all 0.5s;
		    -ms-transition: all 0.5s;
		     -o-transition: all 0.5s;
		        transition: all 0.5s;
		-webkit-animation: rotate-circle 5s linear 10s infinite;
		animation: rotate-circle 5s linear 10s infinite;
	}
}
@media (min-width: 992px){
	.logo:before { margin-top: -360px; }
}
@media (min-width: 1200px){
	.logo:before { margin-top: -465px; }
}*/
.logo .logoAnim {
	-webkit-animation: logoAnim 10s linear;
	animation: logoAnim 10s linear;
	position: relative;
	z-index: 5;
}
.logo .lead {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: shake 15s infinite;
	-moz-animation: shake 15s infinite;
	-ms-animation: shake 15s infinite;
	-o-animation: shake 15s infinite;
	animation: shake 15s infinite;
}
.star {
	list-style: none;
	padding-left: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
.star li {
	position: absolute;
	-webkit-animation: rotate360 linear infinite;
	animation: rotate360 linear infinite;
	width: 60px;
}
.star li:nth-child(1){
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	top: 10px;
	left: 28%;
}
.star li:nth-child(2){
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	top: 15px;
	left: 38%;
}
.star li:nth-child(3){
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	top: 19px;
	left: 58%;
}
.star li:nth-child(4){
	animation-delay: 3s;
	-webkit-animation-delay: 3s;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	bottom: -50px;
	left: 50%;
}
.star li:nth-child(5){
	animation-delay: 4s;
	-webkit-animation-delay: 4s;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	top: 35%;
	left: 35%;
}
.star li:nth-child(6){
	animation-delay: 5s;
	-webkit-animation-delay: 5s;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	top: 62%;
	left: 55%;
	bottom: -50px;
	left: 60%;
}
.star li:nth-child(7){
	animation-delay: 6s;
	-webkit-animation-delay: 6s;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	top: 62%;
	left: 55%;
}
.star li:nth-child(8){
	animation-delay: 7s;
	-webkit-animation-delay: 7s;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	top: 75%;
	left: 37%;
}
.star li:nth-child(9){
	animation-delay: 8s;
	-webkit-animation-delay: 8s;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	top: 40%;
	left: 64%;
}
.star li:nth-child(10){
	animation-delay: 9s;
	-webkit-animation-delay: 9s;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	bottom: -20%;
	left: 25%;
}
/*.home-product-thumb .product-lead img { width: 100%; }*/
.shadow {
	margin-top: -10px;
}
.shadow img {
	-webkit-animation: showHidden 1s linear;
	animation: showHidden 1s linear;
}
.welcome {
	font-family: 'GibsonBold';
	font-weight: bold;
	text-transform: uppercase;
	color: #72bf44;
	font-style: normal;
	overflow: hidden;
	-webkit-animation: sloganAnim 5s linear;
	animation: sloganAnim 5s linear;
}

.content { margin-bottom: 15px; }
.content-header {
	border-bottom: 1px solid #72bf44;
	font-family: 'UVNDaLatRegular', tahoma, arial, serif;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.content-header h2 {
	color: #72bf44;
}

.product-detail { margin-bottom: 30px; }

.product-detail .title {
	color: #72bf44;
	font-weight: bold;
	margin-bottom: 10px;
}

.product-detail .price {
	font-weight: bold;
	color: #ed9c00;
	margin-bottom: 10px;
}

#product-detail-cover .carousel-inner { border: 1px solid #ddd; }

.product-relate .thumb-item-2 .price { font-size: 14px; }
.product-relate .thumb-item-2 .price:before { top: 10px; }

.home-slider {
	overflow: hidden;
}
#home-slider {
	-webkit-animation: comeBack 10s;
	animation: comeBack 10s;
}

/*.............................*/
/*...... end main style .......*/
/*.............................*/

/* .. footer .. */
.footer {}
.footer-top {
	padding: 20px 0;
	background: url('images/bg_footer.png') no-repeat center center;
	background-size: 100% 100%;
}
.footer-product-cate {
	padding: 0 40px;
}
.footer-product-cate .owl-carousel .thumb-item {
	padding: 0 20px;
}
.footer-product-cate .owl-buttons > div {
	position: absolute;
	top: 50%;
	color: rgba(255,255,255,.5);
}
.footer-product-cate .owl-buttons > div:hover {
	color: #fff;
}
.footer-product-cate .owl-buttons .owl-next { right: -40px; }
.footer-product-cate .owl-buttons .owl-prev { left: -40px; }
.footer-product-cate .owl-buttons .fa {
	text-align: center;
	font-size: 30px;
	margin-top: -15px;
}

.footer-bottom {
	background-color: #c7dde2;
	padding: 10px 0;
}
.footer-bottom,
.footer-bottom a {
	color: #878787;
}
.footer-bottom a:hover { color: #fff; }

.copyright {
	padding: 5px 0;
}

.nav-footer {
	padding: 5px 0;
}
.nav-footer a + a {
	border-left: 1px solid #878787;
	padding-left: 5px;
}

.social { text-align: right; margin-bottom: 0; }
.social li { padding: 0; text-align: center; }
.social .fa {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid #878787;
	padding-top: 7px;
}